<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>首充</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta name="msapplication-tap-highlinght" content="no" />
	<script type="text/javascript" src="/static/js/jquery190.js"></script>
</head>
<style type="text/css">
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	    margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;font-family: arial,微软雅黑;vertical-align: baseline; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	input, select, textarea {font-size: 100%;outline: none;border: none;background: none;}
	html{background:url(/static/images/hallbg.jpg) no-repeat center bottom,url(/static/images/bg.jpg);background-size:100%; height: 100%;}
	.top{margin:0 auto;}
	.main{width: 92.44vw;height:15.37vw ;padding-top: 2.01vw;}
	.por{width: 15.73vw;float: left;padding-left:11.02vw; }
	.por img{width:15.73vw;}
	.Name{float: left;color: #fff;padding:1.77vw 0 0 0.88vw;}
	.idno span{width:25vw;font-size: 4vw;display: block;float: left;line-height: 6vw;padding-right:2.33vw;overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/ text-shadow:2px 2px 1px #000;}
	.brill{background: url(/static/images/number_bg.png)no-repeat;background-size:100%;width:33.33vw ;height: 7.82vw ;margin: 0.62vw 0 0 0.266vw;line-height:7.82vw;clear: both; }
	.brill img{width: 7vw;padding-left: 2.577vw;float: left;padding-top: 1.3vw;}
	.brill span{width: 21.5vw;font-size:3.47vw;overflow: hidden;display: block; float: left;padding-left: 0.8vw;text-overflow: ellipsis;white-space: nowrap;}
	.rad{background: url(/static/images/Charge_list.png)no-repeat;background-size:100%;display: block;width: 85.4vw;height: 46.2vw; margin:7.11vw auto 0;}
	.momey{color: red;width: 13vw;font-weight: bold;text-align: right;}
	.zuanshi{color:#fff;width: 17vw;font-weight: bold;text-align: right;}
	.radi{display:inline-block;width: calc(82vw / 3);width: -webkit-calc(82vw / 3);width: -moz-calc(82vw / 3); height:22vw;margin:0;padding:0;cursor: pointer;}
	.radi1{display:inline-block;width: calc(82vw / 3);width: -webkit-calc(82vw / 3);width: -moz-calc(82vw / 3); height:22vw;margin:0;padding:0;cursor: pointer;}
	.imga{background: url(/static/images/selectted_icon.png)no-repeat 16vw 10.5vw;background-size:34%;}
	.explain{color: #FFF;font-size: 4vw;padding:3.46vw 10.84vw 5.77vw 10.84vw;text-indent: 8.2vw;}
	.lile{margin:0 0 0 28.4vw;}
	.lile span{color: #FFF;font-size: 4.8vw;font-weight:bold;}
	.lile img{width: 31.3vw; margin:5.9vw auto 0;}
	.confirm{width: 31.3vw;height: 11.9vw;background:url(/static/images/confirm_btn.png)no-repeat; background-size: 100%;margin:5.95vw 0 0 7.82vw;}
	.remove{width: 31.3vw;height: 11.9vw;background:url(/static/images/remove.png)no-repeat; background-size: 100%;margin:5.95vw 0 0 14.93vw;}
</style>
<body>
	<div class="top">
		<form action="{$formurl}" method="post" id="form1">
		<div class="main">
			<div class="por"><img src="{$user['headimgurl']}"></div>
			<div class="Name">
				<div class="idno">
					<span>{$user['nickname']}</span>
					<span>ID:{$user['id']}</span>
				</div>
				<div class="brill">
					<img src="/static/images/brilliant.png">
					<span>{$user['diamond']}</span>
				</div>
			</div>
		</div>
		<div class="rad">
			<div class="radi1"></div>
			<div class="radi" value="500" name="7000"><input type="hidden" name="type" value="4"/> </div>
			<div class="radi" value="1000" name="15000"><input type="hidden" name="type" value="5"/> </div>
			<div class="radi" value="2000" name="32000"><input type="hidden" name="type" value="6"/> </div>
			<div class="radi" value="5000" name="85000"><input type="hidden" name="type" value="7"/> </div>
			<div class="radi" value="10000" name="180000"><input type="hidden" name="type" value="8"/> </div>
		</div>
		<div class="explain">
				您尚未成为代理商，需进行一次代理商充值才可以升级为代理商。成为代理商可以获得大额度充值优惠，及转让钻石的功能，每月充值前三名均可得到额外奖励。
		</div>
		<div class="lile">
			<span>支付金额：<input class="momey" id="t" value="" readonly="readonly"/>元</span><br/>
			<span>获取钻石：<input class="zuanshi" id="myDiv" value="" readonly="readonly"/></span>
		</div>
		<input type="hidden" name="rcid" id="rcid"  value="4"/>
		<input type="hidden" name="oid" id="oid"  value="{$oid}">
		<input class="remove" type="button"/>
		<input class="confirm" type="button" onclick="document.getElementById('form1').submit();"/>
			</form>
	</div>
	<script type="text/javascript">
		$(function(){
			$('.radi').click(function(){
				var count = $(this)[0].attributes[1].value;
				var appid =($(this).attr("name"));
				$('#t').val(count);
				$('#myDiv').val(appid);
				// console.log(appid)
				$('.rad div').removeClass('imga');
				$(this).addClass('imga');
				$("#rcid")[0].value=$(this)[0].children[0].value;
			});
		});
	</script>
</body>
</html>